.kun-text-area {
    -fx-background-color: #40a9ff;
    -fx-font-size: 14;
    -fx-wrap-text: false;
    -fx-prompt-text-fill: #40a9ff;
}

/* 垂直滚动条整体样式 */
.scroll-bar:vertical {
    -fx-background-color: transparent; /* 滚动条背景设置为透明 */
    -fx-pref-width: 10px; /* 垂直滚动条宽度 */
    -fx-padding: 1px; /* 内边距，让滚动条不紧贴边缘 */
}

/* 垂直滚动条轨道样式 */
.scroll-bar:vertical .track {
    -fx-background-color: #e6f7ff; /* 轨道背景色，淡蓝色调，营造清新感 */
    -fx-background-radius: 5px; /* 轨道圆角，使外观更柔和 */
    -fx-border-color: transparent; /* 轨道边框颜色透明 */
}

/* 垂直滚动条滑块样式 */
.scroll-bar:vertical .thumb {
    -fx-background-color: #1890ff; /* 滑块背景色，亮蓝色，突出显示 */
    -fx-background-radius: 5px; /* 滑块圆角，与轨道保持一致 */
    -fx-background-insets: 1px; /* 滑块内边距，使其不填满轨道 */
}

/* 垂直滚动条滑块悬停状态样式 */
.scroll-bar:vertical .thumb:hover {
    -fx-background-color: #40a9ff; /* 悬停时滑块颜色变亮，增强交互反馈 */
}

/* 垂直滚动条滑块被按下状态样式 */
.scroll-bar:vertical .thumb:pressed {
    -fx-background-color: #096dd9; /* 按下时滑块颜色更深，体现按压效果 */
}

/* 水平滚动条整体样式 */
.scroll-bar:horizontal {
    -fx-background-color: transparent; /* 水平滚动条背景透明 */
    -fx-pref-height: 10px; /* 水平滚动条高度 */
    -fx-padding: 1px; /* 内边距 */
}

/* 水平滚动条轨道样式 */
.scroll-bar:horizontal .track {
    -fx-background-color: #e6f7ff; /* 水平轨道背景色 */
    -fx-background-radius: 5px; /* 水平轨道圆角 */
    -fx-border-color: transparent; /* 水平轨道边框颜色透明 */
}

/* 水平滚动条滑块样式 */
.scroll-bar:horizontal .thumb {
    -fx-background-color: #1890ff; /* 水平滑块背景色 */
    -fx-background-radius: 5px; /* 水平滑块圆角 */
    -fx-background-insets: 1px; /* 水平滑块内边距 */
}

/* 水平滚动条滑块悬停状态样式 */
.scroll-bar:horizontal .thumb:hover {
    -fx-background-color: #40a9ff; /* 水平滑块悬停颜色 */
}

/* 水平滚动条滑块被按下状态样式 */
.scroll-bar:horizontal .thumb:pressed {
    -fx-background-color: #096dd9; /* 水平滑块按下颜色 */
}

/* 滚动条的增量按钮（向下或向右箭头按钮）样式 */
.scroll-bar .increment-button {
    -fx-background-color: transparent; /* 按钮背景透明 */
    -fx-padding: 1px; /* 按钮内边距 */
}

/* 滚动条的减量按钮（向上或向左箭头按钮）样式 */
.scroll-bar .decrement-button {
    -fx-background-color: transparent; /* 按钮背景透明 */
    -fx-padding: 1px; /* 按钮内边距 */
}

/* 滚动条增量箭头样式 */
.scroll-bar .increment-arrow {
    -fx-background-color: #1890ff; /* 箭头颜色与滑块一致 */
    -fx-shape: "M 0 0 L 4 4 L 8 0 Z"; /* 自定义箭头形状 */
    -fx-padding: 1px; /* 箭头内边距 */
}

/* 滚动条减量箭头样式 */
.scroll-bar .decrement-arrow {
    -fx-background-color: #1890ff; /* 箭头颜色与滑块一致 */
    -fx-shape: "M 0 4 L 4 0 L 8 4 Z"; /* 自定义箭头形状 */
    -fx-padding: 1px; /* 箭头内边距 */
}

/* 滚动条增量箭头悬停状态样式 */
.scroll-bar .increment-arrow:hover {
    -fx-background-color: #40a9ff; /* 悬停时箭头颜色变亮 */
}

/* 滚动条减量箭头悬停状态样式 */
.scroll-bar .decrement-arrow:hover {
    -fx-background-color: #40a9ff; /* 悬停时箭头颜色变亮 */
}